<template>
    <li>
        <a href="javascript:void (0)">{{category.text}}</a>
        <ul v-if="category.children && category.children.length">
            <menu-item :key="'category' + index" v-for="(category,index) in category.children" :category="category"></menu-item>
        </ul>
        <input v-else :value="category.text" class="real-value" type="hidden"/>
    </li>
</template>

<script>
    import MenuItem from '@/components/widgets/MenuItem'
    export default {
        props: {
            category: {
                type: Object,
                default: () => {}
            }
        },
        name: "MenuItem",
        components: {MenuItem},
    }
</script>

<style scoped>

</style>